<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
<%@ page import="dao.DataDao" %> 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!-- 引入 ECharts 文件 -->
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="<%=request.getContextPath() %>/css/SonPage.css" rel="stylesheet" type="text/css">
    <link href="<%=request.getContextPath() %>/css/Element.css" rel="stylesheet" type="text/css">
    <script src="<%=request.getContextPath() %>/js/echarts.min.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath() %>/js/Mtopt_1.1.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath() %>/js/SonPage.js" type="text/javascript"></script>
    <link href="<%=request.getContextPath() %>/css/easyui.css" rel="stylesheet" type="text/css">
    <link href="<%=request.getContextPath() %>/css/icon.css" rel="stylesheet" type="text/css">
    <script src="<%=request.getContextPath() %>/js/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath() %>/js/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath() %>/js/easyui-lang-zh_CN.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath() %>/js/highcharts.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath() %>/js/grid.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath() %>/js/exporting.js" type="text/javascript"></script>
    <link href="<%=request.getContextPath() %>/css/DayReport.html.css" rel="stylesheet">
 
   <script>          
        function selectDefault(){
        	var df=$("#Sel_Area").val();       	
        	$.ajax({
        		url:"<%=basePath%>SearchServlet",
        		type:"post",
        		data:{"default":df},        		
        		success:function(data){        			
        			$("#SeltPolluteSource").html(data);
        		},
        		error:function(){
        			alert("error");
        		}
        	});
        }
              
        function selectOutlet(){
        	var outlet=$("#SeltPolluteSource").val();
        	$.ajax({
        		url:"<%=basePath%>SearchOutServlet",
        		type:"post",
        		data:{"outlet":outlet},       		
        		success:function(data){
        			$("#SeltDischargePort").html(data); 
        		},
        		error:function(){
        			alert("error");
        		}
        	});
        }
    </script>    
</head>
 
<body>
    <div class="Form">
       <form action="<%=request.getContextPath()%>/WeekfindCon" method="post">
    <div class="DivShowData" style="width: 1180px; height: 28px; background-color: #E1E1E1;">
        <table cellspacing="0" style="width: 100%; height: 100%;">
            <tbody>
               <tr>
                <td style="width: 35px; text-align: right; display: none;">
                    <label>分组:</label></td>
                <td style="width: 180px; display: none;">
                    <select id="SeltGroup" class="SelectDefault" style="width: 175px">
                        
                    <option value="32767">查询所有</option></select></td>
                <td style="width: 60px; text-align: right;">
                    <label>模糊查询:</label></td>
                <td style="width: 260px">
                    <input id="TxtKeyName" type="text" class="TextDefault" style="width: 255px;"></td>
                <td style="text-align: right;">
                    <input id="BtnSearch" type="submit" value="立即查询" style="width: 75px;" class="ButtonDefault"></td>
            </tr>
        </tbody>
     </table>
    </div>
    <div class="DivSourceOpt" style="width: 1180px; height: 28px; background-color: #E1E1E1;">
        <table cellspacing="0" style="width: 100%; height: 100%;">
            <tbody>
              <tr>
                <td style="width: 35px; text-align: right;">
                    <label>区域:</label>
                </td>
                <td style="width: 120px;">
                    <select class="SelectDefault" id="Sel_Area" name="Sel_Area" style="width: 115px;" onchange="selectDefault()">                        
	                    <option value="0">请选择区域</option>
	                    <option value="小店区">小店区</option>
	                    <option value="迎泽区">迎泽区</option>
	                    <option value="杏花岭区">杏花岭区</option>
	                    <option value="尖草坪区">尖草坪区</option>
	                    <option value="万柏林区">万柏林区</option>
	                    <option value="晋源区">晋源区</option>
                    </select>
                </td> 
                <td style="width: 35px; text-align: right;">
                    <label>企业:</label>
                </td>
                
                <td style="width: 220px;">
                    
                    <select class="SelectCompany" id="SeltPolluteSource" name="SeltPolluteSource" style="width: 220px;" onchange="selectOutlet()">    
                    <option value="0">请选择企业</option>
                    </select>
                </td>
                <td style="width: 45px; text-align: right;">
                    <label>排放口:</label>
                </td>
                <td style="width: 120px;">
                    <select class="SelectOutlet" id="SeltDischargePort" name="SeltDischargePort" style="width: 115px;">      
                        <option value="0">请选择排放口</option>
                    </select>
                </td>
               <td style="width: 30px; text-align: right;">
                    <label>时间:</label>
                </td>
                <td style="width: 250px;">
                    <input id="StartDate" name="StartDate" type="text" class="easyui-datebox datebox-f combo-f" style="width: 90px; display: none;" value="2017-05-11">
                    ~
                    <input id="EndDate" name="EndDate" type="text" class="easyui-datebox datebox-f combo-f" style="width: 90px; display: none;" value="2017-05-20">         
                </td>
                <td style="width: 60px; text-align: right;">&nbsp;</td>
                <td style="width: 65px; display: none">
                    <span class="spinner" style="width: 48px; height: 20px;">
                    <input id="TxtCountingPeriod" type="text" value="1" class="easyui-numberspinner numberspinner-f spinner-text spinner-f validatebox-text numberbox-f" data-options="min:1,max:200,required:true" style="display: none; width: 26px; height: 20px; line-height: 20px;">
                    <input type="hidden" value="1">
                       <span class="spinner-arrow" style="height: 20px;">
                       <span class="spinner-arrow-up" style="height: 10px;"></span>
                       <span class="spinner-arrow-down" style="height: 10px;"></span>
                       </span>
                    </span>
                </td>
                <td style="text-align: right;">
                    <input id="BtnCount" type="button" value="生成报表" style="width: 75px;" class="ButtonMain">
                    <input id="BtnOutReport" type="button" value="导出报表" style="width: 75px;" class="ButtonDefault">
               </td>
            </tr>
        </tbody>
      </table>
    </div>

    <script type="text/javascript">
		$(document).ready(function(){
        	$(".tabs>li").mouseenter(function(){
  				$(this).addClass("tabs-selected").siblings().removeClass("tabs-selected");
				var myattr=$(this).attr("myattr");
				$("#ztk>#"+myattr).css("display","block").siblings().css("display","none");
			});
		}); 
		
        </script>
    	<div class="tabs-wrap" style="margin-left: 0px; margin-right: 0px; width: 1178px;">
    			<ul class="tabs">
    				<li class="tabs-selected" myattr="bbnr">
    					<a href="javascript:void(0)" class="tabs-inner">
    						<span class="tabs-title"> 报表内容</span>    						
    					</a>
    				</li>
    				<li myattr="zxt">
    					<a href="javascript:void(0)" class="tabs-inner">
    						<span class="tabs-title"> 折线图 </span>   						
    					</a>
    				</li>
    				<li myattr="zzt">
    					<a href="javascript:void(0)" class="tabs-inner">
    						<span class="tabs-title"> 柱状图 </span>   						
    					</a>
    				</li>
    			</ul>
    <div class="tabs-panels" style="height: 509px; width: 1178px;" id="ztk">
        
        <div class="panel" style="display: block; width: 1178px;" id="bbnr">
        	<div title="" id="div_form" style="padding: 10px; width: 1158px; height: 489px;" class="panel-body panel-body-noheader panel-body-noborder panel-noscroll">

            <div class="panel datagrid" style="width: 1158px;">
            	<div class="panel-header" style="width: 1146px;">
            		<div class="panel-title">污染物日报表</div>
            		<div class="panel-tool"></div>
            	</div>
            	<div class="datagrid-wrap panel-body" title="" style="width: 1156px; height: 460px;">
            		<div class="datagrid-view" style="width: 1156px; height: 460px;">
		            	<style type="text/css">
		                       div.datagrid-cell-c2-UpdateTime {width:562px;}
		                       div.datagrid-cell-c2-LDBValue {width:562px;}
					    </style>
			                <style type="text/css"></style>
			                <div class="datagrid-view1" style="width: 26px;">
			                	<div class="datagrid-header" style="width: 26px; height: 77px;">
			                		<div class="datagrid-header-inner" style="display: block;">
			                			<table class="datagrid-htable" border="0" cellspacing="0" cellpadding="0" style="height: 25px;">
			                				<tbody>
			                					<tr class="datagrid-header-row">
			                						<td rowspan="0">
			                							<div class="datagrid-header-rownumber"></div>
			                						</td>
			                					</tr>
			                				</tbody>
			                			</table>
			                		</div>
			                	</div>
			                	<div class="datagrid-body" style="width: 26px; margin-top: 0px; height: 435px;">
			                		<div class="datagrid-body-inner"></div>
			                	</div>
			                	<div class="datagrid-footer" style="width: 26px;">
			                		<div class="datagrid-footer-inner" style="display: none;"></div>
			                	</div>
			                </div>
			    <div class="datagrid-view2" style="width: 1130px;">
                	<div class="datagrid-header" style="width: 1130px;">
                	   <div class="datagrid-header-inner" style="display: block;">
                	  
                       			<table class="datagrid-htable" border="0" cellspacing="0" cellpadding="0" >
                       				<tbody>
                       					<tr class="datagrid-header-row">
                       						<td rowspan="2" style="width:76px;">
	                       						<div class="" style="text-align: center;">
	                       							<span>时间</span>	                       							
	                       						</div>
                       						</td>
                       						<td colspan="3">
                       							<div class="datagrid-cell-group">油烟浓度(mg/m3)</div>
                       						</td>
                       						<td colspan="3">
                       							<div class="datagrid-cell-group">联动比(%)</div>
                       						</td>
                       						<td colspan="3">
                       							<div class="datagrid-cell-group">温度(℃)</div>
                       						</td>
                       						<td colspan="3">
                       							<div class="datagrid-cell-group">湿度(%RH)</div>
                       						</td>
                       						<td colspan="3">
                       							<div class="datagrid-cell-group">压力(KPa)</div>
                       						</td>
                       						
                       					</tr>
                       					<tr class="datagrid-header-row">
                       						<td field="P4MaxValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>最大值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P4MinValue" class="">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>最小值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P4AvgValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>平均值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P6MaxValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>最大值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P6MinValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>最小值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P6AvgValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>平均值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P7MaxValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>最大值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P7MinValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>最小值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P7AvgValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>平均值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P8MaxValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>最大值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P8MinValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>最小值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P8AvgValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>平均值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P9MaxValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>最大值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P9MinValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>最小值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P9AvgValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>平均值</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       					</tr>
                       					<!-- 数据 -->
                       				<c:forEach items="${list }" var="map">
                       				 	<tr class="datagrid-header-row">
                       					  
                       					    <td field="P4MonDate">
                       					       <div class="datagrid-cell" style="width: 70px; text-align: center;">
                       								<span>${map.days}</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       					    </td>
                       						<td field="P4MaxValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${map.maxoil}</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P4MinValue" class="">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${map.minoil }</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P4AvgValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.avgoil}</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P6MaxValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.maxunite }</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P6MinValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.minunite}</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P6AvgValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.avgunite}</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P7MaxValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.maxtem}</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P7MinValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.mintem}</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P7AvgValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.avgtem}</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P8MaxValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.maxhum }</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P8MinValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${map.minhum }</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P8AvgValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.avghum }</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P9MaxValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.maxpre}</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P9MinValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.minpre }</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       						<td field="P9AvgValue">
                       							<div class="datagrid-cell" style="width: 56px; text-align: center;">
                       								<span>${ map.avgpre}</span>
                       								<span class="datagrid-sort-icon">&nbsp;</span>
                       							</div>
                       						</td>
                       					</tr> 
                       		    </c:forEach>
                       				</tbody>
                       			</table>
                       		</div>
                	</div>
                	<div class="datagrid-body" style="width: 1130px; margin-top: 0px; height: 435px;">
                		
                	</div>
                	<div class="datagrid-footer" style="width: 1130px;">
                    </div>
                </div>
                    </div>
                </div>
             </div>

        </div>
        </div>
        <div class="panel" style="display: none;" id="zxt">
           <div title="" id="div_line" style="padding: 10px" class="panel-body panel-body-noheader panel-body-noborder">           
             <div class="panel datagrid" style="width: 1158px;">
            	<div class="panel-header" style="width: 1146px;">
            		<div class="panel-title">污染物各因子折线图</div>
            		<div class="panel-tool"></div>
            	</div>
            	<div  id="line"class="datagrid-wrap panel-body" title="" style="width: 1156px; height: 460px;"></div>
             </div>             
           </div>
        </div>
        <c:forEach items="${list }" var="map">
        <script type="text/javascript">
                	var myChart = echarts.init(document.getElementById('line'));
                	option1 = {
                		    title: {
                		        text: '污染物数据因子折线图'
                		    },
                		    tooltip: {
                		        trigger: 'axis'
                		    },
                		    legend: {
                		        data:['油烟浓度','联动比','温度','湿度','压力']
                		    },
                		    grid: {
                		        left: '3%',
                		        right: '4%',
                		        bottom: '3%',
                		        containLabel: true
                		    },
                		    toolbox: {
                		        feature: {
                		            saveAsImage: {}
                		        }
                		    },
                		    xAxis: {
                		        type: 'category',
                		        boundaryGap: false,
                		        data: [${map.days}]
                		    },
                		    yAxis: {
                		        type: 'value'
                		    },
                		    series: [
                		        {
                		            name:'油烟浓度',
                		            type:'line',
                		            stack: '平均值',
                		            data:[${map.avgoil}]
                		        },
                		        {
                		            name:'联动比',
                		            type:'line',
                		            stack: '平均值',
                		            data:[${map.avgunite}]
                		        },
                		        {
                		            name:'温度',
                		            type:'line',
                		            stack: '平均值',
                		            data:[${map.avgtem}]
                		        },
                		        {
                		            name:'湿度',
                		            type:'line',
                		            stack: '平均值',
                		            data:[${map.avghum}]
                		        },
                		        {
                		            name:'压力',
                		            type:'line',
                		            stack: '平均值',
                		            data:[${map.avgpre}]
                		        }
                		    ]
                		};
           		 myChart.setOption(option1);
           		
        </script>
        </c:forEach>
        <div class="panel" style="display: none;" id="zzt">
           <div title="" id="div_col" style="padding: 10px" class="panel-body panel-body-noheader panel-body-noborder">
              <div class="panel datagrid" style="width: 1158px;">
            	<div class="panel-header" style="width: 1146px;">
            		<div class="panel-title">污染物各因子柱状图</div>
            		<div class="panel-tool"></div>
            	</div>
            	<div id="bar" class="datagrid-wrap panel-body" title="" style="width: 1156px; height: 460px;"></div>
             </div>
           </div>
        </div>
        <c:forEach items="${list }" var="map">
                <script type="text/javascript">
                	var myChart = echarts.init(document.getElementById('bar'));
                	
                	               	
                	option2= {
                		title: {
           		                text: '${map.days}污染物各因子数据柱状图'
           		        },
                	    

                	    tooltip: {
                	        trigger: 'axis',
                	        axisPointer: {
                	            type: 'cross'
                	        }
                	    },
                	    grid: {
                	        right: '20%'
                	    },
                	    toolbox: {
                	        feature: {
                	            dataView: {show: true, readOnly: false},
                	            restore: {show: true},
                	            saveAsImage: {show: true}
                	        }
                	    },
                	    legend: {
                	        data:['最大值','最小值','平均值']
                	    },
                	    xAxis: [
                	        {
                	            type: 'category',
                	            axisTick: {
                	                alignWithLabel: true
                	            },
                	            data: ['最大值','最小值','平均值']
                	        }
                	    ],
                	    yAxis: [
                	        {
                	            type: 'value',
                	            name: '油烟浓度',
                	            min: 0,
                	            max: 10,
                	            position: 'left',
                	            axisLine: {
                	                lineStyle: {
                	                    
                	                }
                	            },
                	            axisLabel: {
                	                formatter: '{value} mg/m3'
                	            }
                	        },
                	        {
                	            type: 'value',
                	            name: '联动比',
                	            min: 0,
                	            max: 100,
                	            position: 'left',
                	            offset: 70,
                	            axisLine: {
                	                lineStyle: {
                	                    
                	                }
                	            },
                	            axisLabel: {
                	                formatter: '{value} %'
                	            }
                	        }, {
                	            type: 'value',
                	            name: '温度',
                	            min: 0,
                	            max: 100,
                	            position: 'right',
                	            axisLine: {
                	                lineStyle: {
                	                   
                	                }
                	            },
                	            axisLabel: {
                	                formatter: '{value} C°'
                	            }
                	        },
                	         {
                	            type: 'value',
                	            name: '湿度',
                	            min: 0,
                	            max: 100,
                	            position: 'right',
                	            offset:50,
                	            axisLine: {
                	                lineStyle: {
                	                    
                	                }
                	            },
                	            axisLabel: {
                	                formatter: '{value} %RH'
                	            }
                	        },
                	         {
                	            type: 'value',
                	            name: '压力',
                	            min: 0,
                	            max: 100,
                	            offset:110,
                	            position: 'right',
                	            axisLine: {
                	                lineStyle: {
                	                   
                	                }
                	            },
                	            axisLabel: {
                	                formatter: '{value} KPa'
                	            }
                	        }
                	    ],
                	    series: [
                	        {
                	            name:'油烟浓度',
                	            type:'bar',
                	            data:[${map.maxoil},${map.minoil},${map.avgoil}]
                	        },
                	        {
                	            name:'联动比',
                	            type:'bar',
                	            yAxisIndex: 1,
                	            data:[${map.maxunite},${map.minunite},${map.avgunite}]
                	        },
                	        {
                	            name:'温度',
                	            type:'bar',
                	            yAxisIndex: 2,
                	            data:[${map.maxtem},${map.mintem},${map.avgtem}]
                	        },
                	        {
                	            name:'湿度',
                	            type:'bar',
                	            yAxisIndex: 3,
                	            data:[${map.maxhum},${map.minhum},${map.avghum}]
                	        },
                	        {
                	            name:'压力',
                	            type:'bar',
                	            yAxisIndex: 4,
                	            data:[${map.maxpre},${map.minpre},${map.avgpre}]
                	        }
                	    ]
                	};
           		 myChart.setOption(option2);
           		
        </script>
        </c:forEach>
    </div>
        </div>
</form>
</div>
</body>
</html>